<!doctype html>

<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
	<link rel="stylesheet" th:href="@{/user/moban/css/index.css}" tppabs="http://47.106.68.49:8066/moban/css/index.css" />
	<link rel="stylesheet" th:href="@{/user/moban/css/table.css}" tppabs="http://47.106.68.49:8066/moban/css/table.css" />
	<link href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" tppabs="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" rel="stylesheet" />
	<script th:src="@{/user/moban/js/jquery-1.7.2.min.js}" tppabs="http://47.106.68.49:8066/moban/js/jquery-1.7.2.min.js"></script>
	<script th:src="@{/user/moban/js/main.js}" tppabs="http://47.106.68.49:8066/moban/js/main.js"></script>
	<script type="text/javascript" th:src="@{/user/lib/My97DatePicker/4.8/WdatePicker.js}" tppabs="http://47.106.68.49:8066/lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<title>车位详情</title>
	<style type="text/css">
		#allmap {height: 400px;width:100%;overflow: hidden;}
		#result {width:100%;font-size:12px;}
	</style>
</head>
<body>

<div>
<div class="top" id="item4">
	<div th:if="${user} ne null">
		<div class="container clearfix">
			<ul class="clearfix fr">
				<li>
					<a id="userN"><b th:text="${user.name}"></b></a></li>
				<li>
					<a th:href="@{/user/logout}">退出登录</a>
				</li>
				<li><a style="border: none" th:href="@{/order/findAll}">个人中心</a></li>
			</ul>
		</div>
	</div>
	<div th:if="${user} eq null">
		<div class="container clearfix">
			<ul class="clearfix fr">
				<li><a href="/user/join.html" tppabs="http://47.106.68.49:8066/join">登录</a></li>
			</ul>
		</div>
	</div>
</div>

<div class="header">
	<div class="container clearfix">
		<div class="logo fl">
			<a th:href="@{/user/index}" tppabs="http://47.106.68.49:8066/index"><img alt="" th:src="@{/user/moban/images/logo.jpg}" /></a>
		</div>
		<div class="mm fr clearfix">
			<a th:href="@{/park/find}" tppabs="http://47.106.68.49:8066/car/car-select">查车位</a>
		</div>
	</div>
</div>
</div>

<div class="main">
	<div class="container clearfix">
		<div class="bread">当前位置：
			<a href="#">首页</a> >
			<a href="#">车位详情</a>
		</div>
		<div class="main-left fl clearfix">
			<div class="zoom-wrap fl" style="width: 60%">
				<!--<div id="allmap">
				</div>
				<div id="result">
				</div>-->
				<img style="width:550px;height:400px" alt="地图定位" th:src="@{/user/moban/images/map.png}"/>
			</div>
			<div class="attr fl" style="width:200px">
				<p th:text="${park.name}"></p>
				<p>车位编号：<span th:text="${park.name}"></span></p>
				<p>价格：<span th:text="${park.price}"></span></p>
				<p>路线推介：进入停车场后直行5米，左转弯行驶<span>3</span>米</p>
				<!--<a class="pay" href="javascript:if(confirm('http://47.106.68.49/join  \n\nThis file was not retrieved by Teleport Pro, because it was unavailable, or its retrieval was aborted, or the project was stopped too soon.  \n\nDo you want to open it from the server?'))window.location='http://47.106.68.49/join'" tppabs="http://47.106.68.49:8066/car/buy?id=1">立即预约</a>-->
				<a class="pay" th:href="@{/order/newOrder?parkId=}+${park.id}">立即预约</a>
			</div>
			<div class="clearfix"></div>
		</div>

	</div>
</div>

<div class="foot" style="background-color: #ebebeb">
	<div class="container">
		<div class="zhinan">
			<ul class="clearfix">
				<li class="item-li">关于我们
					<ul>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">网站公告</a></li>
					</ul>
				</li>
				<li class="item-li">新手指南
					<ul>
						<li><a href="#">如何买票</a></li>
						<li><a href="#">修改密码</a></li>
					</ul>
				</li>
				<li class="item-li">配送方式
					<ul>
						<li><a href="#">配送范围</a></li>
						<li><a href="#">配送时间</a></li>
					</ul>
				</li>
				<li class="item-li">售后服务
					<ul>
						<li><a href="#">退票申请</a></li>
						<li><a href="#">改签申请</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="line"></div>

		<div class="bottom">
			<p>友情链接：<a href="#"></a>&nbsp;&nbsp;<a href="javascript:if(confirm('http://47.106.68.49:8066/car/www.baidu.com  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://47.106.68.49:8066/car/www.baidu.com'" tppabs="http://47.106.68.49:8066/car/www.baidu.com">百度</a></p>
			<p>本站所有信息均为用户自由发布，本站不对信息的真实性负任何责任，交易时请注意识别信息的真假如有网站内容侵害了您的权益请联系我们删除</p>
			<p>Copyright &copy;1956-2018 基于H5得汽车订票系统.</p></div>
		</div>
	</div>

<script src="http://api.map.baidu.com/api-v=2.0&amp;ak=QUSzk8g7c6Z10cAmLmfjgG1NB7aaBiyo" th:src="@{http://api.map.baidu.com/api-v=2.0&amp;ak=QUSzk8g7c6Z10cAmLmfjgG1NB7aaBiyo}" tppabs="http://api.map.baidu.com/api?v=2.0&amp;ak=QUSzk8g7c6Z10cAmLmfjgG1NB7aaBiyo" type="text/javascript"></script>
<script src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js" th:src="@{http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js}" tppabs="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js" type="text/javascript"></script>

<script type="text/javascript">
	// 百度地图API功能
    var map = new BMap.Map('allmap');
    var poi = new BMap.Point(116.493237,40.005951);
    map.centerAndZoom(poi, 16);
    map.enableScrollWheelZoom();

    var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
                    '' +
                    '地址：北京市朝阳区绿地中心<br/>电话：(010)0000000<br/>简介：停车场。' +
                  '</div>';

    //创建检索信息窗口对象
    var searchInfoWindow = null;
	searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
			title  : "易泊停车场",      //标题
			width  : 290,             //宽度
			height : 105,              //高度
			panel  : "panel",         //检索结果面板
			enableAutoPan : true,     //自动平移
			searchTypes   :[

				BMAPLIB_TAB_TO_HERE,  //到这里去
			]
		});
    var marker = new BMap.Marker(poi); //创建marker对象
    marker.enableDragging(); //marker可拖拽
    marker.addEventListener("click", function(e){
	    searchInfoWindow.open(marker);
    })
    map.addOverlay(marker); //在地图中添加marker
	//样式1
	var searchInfoWindow1 = new BMapLib.SearchInfoWindow(map, "信息框1内容", {
		title: "信息框1", //标题
		panel : "panel", //检索结果面板
		enableAutoPan : true, //自动平移
		searchTypes :[
			BMAPLIB_TAB_FROM_HERE, //从这里出发
			BMAPLIB_TAB_SEARCH   //周边检索
		]
	});
	function openInfoWindow1() {
		searchInfoWindow1.open(new BMap.Point(116.319852,40.057031));
	}
	//样式2
	var searchInfoWindow2 = new BMapLib.SearchInfoWindow(map, "信息框2内容", {
		title: "信息框2", //标题
		panel : "panel", //检索结果面板
		enableAutoPan : true, //自动平移
		searchTypes :[
			BMAPLIB_TAB_SEARCH   //周边检索
		]
	});
	function openInfoWindow2() {
		searchInfoWindow2.open(new BMap.Point(116.324852,40.057031));
	}
	//样式3
	var searchInfoWindow3 = new BMapLib.SearchInfoWindow(map, "信息框3内容", {
		title: "信息框3", //标题
		width: 290, //宽度
		height: 40, //高度
		panel : "panel", //检索结果面板
		enableAutoPan : true, //自动平移
		searchTypes :[
		]
	});
	function openInfoWindow3() {
		searchInfoWindow3.open(new BMap.Point(116.328852,40.057031));
	}
</script>

</body></html>